<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>我的资产</title>
    <link rel="stylesheet" href="../assets/css/mui.min.css">
    <!-- 自定义的公共样式表 -->
    <link rel="stylesheet" href="../assets/css/lib.common.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="../assets/css/app.css">
    <link rel="stylesheet" href="../assets/css/animate3.1.5.css">
    <script src="../assets/js/mui.min.js"></script>
    <!-- 点击复制文本 -->
    <script src="../assets/js/clipboard.min.js"></script>
    <!-- 自定义的js脚本 -->
    <script src="../assets/js/lib.common.js"></script>

    <!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询（media queries）功能 -->
    <!-- 警告：通过 file:// 协议（就是直接将 html 页面拖拽到浏览器中）访问页面时 Respond.js 不起作用 -->
    <!--[if lt IE 9]
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    [endif]-->
</head>
<body>
<!-- 头部状态栏start -->
<header class="mui-bar mui-bar-nav hangqing-head-bar">
    <a url="../个人中心.html" class="mui-icon mui-icon-back white"></a>
    <h1 class="mui-title white bold">
        我的资产
    </h1>
</header>

<!-- 头部状态栏end -->
<div class="mui-row p_t44">
    <div class="mui-col-xs-12 mui-col-sm-12">
        <div class="mui-slider">
            <div style="border-bottom: solid 1px #ccc"
                 class="mui-scroll-wrapper mui-segmented-control mui-segmented-control-inverted dark bold bg-blue">
                <a class="mui-control-item mui-active white-active" href="#item1">
                    交易
                </a>
                <a class="mui-control-item white-active" href="#item2">
                    法币
                </a>
                <a class="mui-control-item white-active" href="#item3">
                    合约
                </a>
            </div>
            <div class="mui-row bg-blue white p_y10 p_x10 line25">
                <div class="mui-col-xs-12 mui-col-sm-12 font14">
                    交易账户
                </div>
                <div class="mui-col-xs-12 mui-col-sm-12 font14">
                    总资产折合(BTC)
                </div>
                <div class="mui-col-xs-12 mui-col-sm-12 font14">
                    0.00000000 BTC
                </div>
                <div class="mui-col-xs-12 mui-col-sm-12 font12 line30">
                    ≈0.00000000 CNY
                </div>
            </div>
            <div class="mui-slider-group">

                <!--USDT-->
                <div id="item1" class="mui-slider-item mui-control-content mui-active" style="height: 800px;">
                    <div class="mui-scroll-wrapper">
                        <a class="mui-scroll p_x10">
                            <a url="./我的资产-交易账户.html" class="bg-white radius5 m_y10 mui-block">
                                <h4 class="black p_x10 line40">USDT</h4>
                                <table class="table">
                                    <tr>
                                        <th class="text-center black normal font12">
                                            <a href="#">可用</a>
                                        </th>
                                        <th class="text-center black normal font12">
                                            <a href="#">冻结</a>
                                        </th>
                                        <th class="text-center black normal font12">
                                            <a href="#">折合</a>
                                        </th>
                                    </tr>
                                    <tr>
                                        <td class="text-center">0.00000000</td>
                                        <td class="text-center">0.00000000</td>
                                        <td class="text-center">≈0.00000000</td>
                                    </tr>
                                </table>
                            </a>

                            <a url="./我的资产-交易账户.html" class="bg-white radius5 m_y10 mui-block">
                                <h4 class="black p_x10 line40">BTC1</h4>
                                <table class="table">
                                    <tr>
                                        <th class="text-center black normal font12">
                                            <a href="#">可用</a>
                                        </th>
                                        <th class="text-center black normal font12">
                                            <a href="#">冻结</a>
                                        </th>
                                        <th class="text-center black normal font12">
                                            <a href="#">折合</a>
                                        </th>
                                    </tr>
                                    <tr>
                                        <td class="text-center ">0.00000000</td>
                                        <td class="text-center ">0.00000000</td>
                                        <td class="text-center ">≈0.00000000</td>
                                    </tr>
                                </table>
                            </a>
                            <a url="./我的资产-交易账户.html" class="bg-white radius5 m_y10 mui-block">
                                <h4 class="black p_x10 line40">BTC2</h4>
                                <table class="table">
                                    <tr>
                                        <th class="text-center black normal font12">
                                            <a href="#">可用</a>
                                        </th>
                                        <th class="text-center black normal font12">
                                            <a href="#">冻结</a>
                                        </th>
                                        <th class="text-center black normal font12">
                                            <a href="#">折合</a>
                                        </th>
                                    </tr>
                                    <tr>
                                        <td class="text-center ">0.00000000</td>
                                        <td class="text-center ">0.00000000</td>
                                        <td class="text-center ">≈0.00000000</td>
                                    </tr>
                                </table>
                            </a>
                            <a url="./我的资产-交易账户.html" class="bg-white radius5 m_y10  mui-block">
                                <h4 class="black p_x10 line40">BTC3</h4>
                                <table class="table">
                                    <tr>
                                        <th class="text-center black normal font12">
                                            <a href="#">可用</a>
                                        </th>
                                        <th class="text-center black normal font12">
                                            <a href="#">冻结</a>
                                        </th>
                                        <th class="text-center black normal font12">
                                            <a href="#">折合</a>
                                        </th>
                                    </tr>
                                    <tr>
                                        <td class="text-center ">0.00000000</td>
                                        <td class="text-center ">0.00000000</td>
                                        <td class="text-center ">≈0.00000000</td>
                                    </tr>
                                </table>
                            </a>

                        </div>
                    </div>
                </div>

                <!--BTC-->
                <div id="item2" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll p_x10">
                            <p class="no-data">暂无数据</p>
                        </div>
                    </div>
                </div>


                <!--ETH-->
                <div id="item3" class="mui-slider-item mui-control-content">
                    <div class="mui-scroll-wrapper">
                        <div class="mui-scroll p_x10">
                            <p class="no-data">暂无数据</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
</body>

</html>
<script>
    mui('.mui-scroll-wrapper').scroll();
</script>